.widget {}
.bottom{
	position: relative;
	.btn {
		position: absolute;
		bottom:  88rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 540rpx;
		height: 88rpx;
		background: transparent;
		border-radius: 44rpx 44rpx 44rpx 44rpx;
	}
}


.product {
	background: rgba(248, 248, 248, 1);
	padding-bottom: 112rpx;

	.swiper,
	.swipe-item {
		width: 750rpx;
		height: 750rpx;
	}

	.swiper {

		.wx-swiper-dots.wx-swiper-dots-horizontal {
			margin-bottom: 110rpx;
		}
	}

	.main {
		margin: 0 32rpx;
		transform: translateY(-100rpx);

		.price_bg {
			background: rgba(255, 119, 51, 1);
			border-radius: 32rpx;
			width: 100%;
			height: 185rpx;
		}

		.price {
			display: flex;
			justify-content: space-between;
			padding: 24rpx 32rpx;
			transform: translateY(-190rpx);

			.integral {
				color: rgba(255, 255, 255, 1);
				font-size: 40rpx;
				font-weight: bold;

				text {
					margin-left: 24rpx;
					font-size: 24rpx;
					text-decoration: line-through;
				}
			}

			.salecount {
				color: #fff;
				font-size: 28rpx;
			}
		}

		.wrap {
			min-height: 100rpx;
			border-radius: 20rpx;
			border: 2rpx solid #F2F2F2;
			background-color: #fff;
		}

		.product_name_wrap {
			display: flex;
			flex-direction: column;
			line-height: 44rpx;
			transform: translateY(-190rpx);
			box-sizing: border-box;
			overflow: hidden;

			.product_name {
				color: #470607;
				font-size: 32rpx;
				font-weight: bold;
				padding: 32rpx 0;
				margin: 0 32rpx;
				border-bottom: 2rpx solid #f2f2f2;
			}

			.product_collect {
				display: flex;
				// font-size: 28rpx;
				// padding: 24rpx 32rpx;
				justify-content: space-evenly;
				align-items: center;

				.collect {
					flex: 1;
					display: flex;
					justify-content: center;
					font-weight: normal;
					font-size: 28rpx;
					height: 94rpx;
					line-height: 94rpx;

					.text {
						color: rgba(255, 119, 51, 1);
						margin-left: 10rpx;

					}

					.text1 {
						color: rgba(112, 112, 112, 1);
						margin-left: 10rpx;

					}
				}

				.share {
					flex: 1;

					.van-button__icon {
						color: #FF7733;
					}

					.van-button__text {
						font-weight: normal;
						font-size: 28rpx;
						color: #FF7733;
					}

				}

			}


			.share:active {
				background-color: #f6f6f6;
			}
		}

		.stock {
			transform: translateY(-166rpx);
			overflow: hidden;

			.express_fee {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 124rpx;
				height: 54rpx;
				font-size: 28rpx;
				color: #B60102;
				background: #f8e5e5;
				border-radius: 36rpx;
			}
		}

		.hot_good {
			display: flex;
			flex-direction: column;
			transform: translateY(-142rpx);
			overflow: hidden;

			.hot_icon {
				display: block;
				width: 60rpx;
				height: 42rpx;
				margin-right: 14rpx;
			}

			.hot_title {
				display: flex;
				// align-items: center;
				padding: 26rpx;
				background-image: linear-gradient(to bottom,
						#FFEBC4,
						#fff);
				color: rgba(255, 119, 51, 1);
				font-size: 32rpx;
				font-weight: bold;
				box-sizing: border-box;

				.left {
					margin-left: 20rpx;
				}
			}

			.hot_list {
				display: flex;
				flex-basis: 212rpx;
				min-height: 348rpx;
				margin: 0 12rpx;
				overflow-x: auto;

				&::-webkit-scrollbar {
					width: 0;
					height: 0;
					color: transparent;
				}

				.hot_list_item {
					width: 212rpx;
					margin-right: 12rpx;

					.thumb {
						width: 212rpx;
						height: 212rpx;
						border-radius: 20rpx;
					}

					.integral {
						color: #FB2B2C;
						font-size: 32rpx;
						font-weight: bold;
						text-align: center;
						padding: 20rpx 0 5rpx;
					}

					.pname {
						color: #1D2120;
						font-size: 28rpx;
						text-align: center;
					}

					.text_hide {
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
			}
		}

		.shop {
			border-radius: 20rpx;
			border: 2rpx solid #F2F2F2;
			transform: translateY(-118rpx);

			.van-cell__title {
				color: #06021A;
				font-size: 32rpx;
				font-weight: bold;
			}

			.shop_pic {
				width: 96rpx;
				height: 96rpx;
				border-radius: 20rpx;
				margin-right: 24rpx;
			}

			.label {
				display: flex;
				color: rgba(32, 35, 39, 1);
				font-size: 24rpx;
				font-weight: 400;

				.brand_text {
					margin-left: 22rpx;
					z-index: 2;
				}

				.shop_bg {
					width: 135rpx;
					height: 36rpx;
					transform: translateX(-114rpx);
					z-index: 1;
				}
			}
		}

		.commit {
			transform: translateY(-94rpx);
			overflow: hidden;

			.commit_title {
				padding-bottom: 24rpx;

				.van-cell__title {
					color: #06021A;
					font-size: 32rpx;
				}
			}

			.commit_user {
				padding-bottom: 0;

				.van-cell__title {
					color: #909090;
					font-size: 28rpx;
				}

				.van-cell__value {
					color: #909090;
					font-size: 24rpx;
				}

				.avatar {
					width: 80rpx;
					height: 80rpx;
					margin-right: 20rpx;
				}
			}

			.commit_content {
				color: #303030;
				font-size: 28rpx;
				margin: 0 32rpx 0 128rpx;
				transform: translateY(-40rpx);

				.content_list_pic {
					display: flex;

					.content_pic {
						width: 168rpx;
						height: 168rpx;
						border-radius: 20rpx;
						padding: 20rpx 12rpx 0 0;
					}
				}
			}
		}

		.rich {
			transform: translateY(-100rpx);



			.rich_bg {
				display: block;
				width: 565rpx;
				height: 90rpx;
				margin: 0 auto;
			}

			.rich_text {
				margin-top: 24rpx;
				overflow: hidden;

				.rich_title {
					color: rgba(32, 29, 29, 1);
					font-size: 32rpx;
					margin: 32rpx 24rpx 0 32rpx;

				}
			}

			[alt] {
				width: 100%;
			}
		}
	}

	.tips_share {
		width: 535rpx;
		height: 600rpx;
		transform: translate(80rpx, 30rpx);
	}

}

.footer {
	width: 100%;
	display: flex;
	margin: 0 36rpx;
	justify-content: space-between;

	.footer_icon {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		
		.btn{
			position: absolute;
			background: transparent ;
			top: 0;
			left: 0;right: 0;bottom: 0;
			width: auto;
			height: auto;
		}
		.title {
			color: #06021A;
			font-size: 24rpx;
		}
	}

	.btn {
		color: black;
		width: 249rpx;
		height: 80rpx;
		border-radius: 40rpx 0 0 40rpx;

		.van-button__text {
			color: rgba(255, 119, 51, 1);
		}
	}

	.btn_right {
		width: 249rpx;
		height: 80rpx;
		border-radius: 0rpx 40rpx 40rpx 0rpx;
		.van-button__icon{
			font-size: 2em;
		}
	}
}

.van-card__bottom {
	display: flex;
	justify-content: space-between;
}

.popup {
	display: flex;
	padding: 40rpx 32rpx 60rpx;

	.content {
		display: flex;
		flex: 1;
		flex-direction: column;
		margin: 8rpx 20rpx;
		color: #FB2B2C;
		font-size: 36rpx;
		font-weight: bold;

		.popup_bottom {
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: rgba(4, 4, 4, 0.60);
			font-size: 24rpx;
		}
	}

}

.ations {

	font-size: 24rpx;
	padding: 20rpx 32rpx;

	.title {
		margin-bottom: 20rpx;
	}

	.box1 {
		display: flex;
		flex-flow: row wrap;

		.van-button--normal {
			width: auto;
		}

		.btn_default {
			position: relative;
			// height: 56rpx;
			// width: 136rpx;
			border-radius: 12rpx;
			margin-top: 12rpx;
			margin-right: 12rpx;

			.van-button__text {
				font-size: 22rpx;
				font-weight: normal;
			}
		}

		.active {
			//选中
			position: relative;
			// height: 56rpx;
			// width: 136rpx;
			border-radius: 12rpx;
			margin-top: 12rpx;
			margin-right: 12rpx;
			background-color: rgba(255, 119, 51, 1);

			.van-button__text {
				font-size: 22rpx;
				font-weight: normal;
				color: #ffffff;
			}
		}
	}

	.Btn_bottm {
		position: absolute;
		bottom: 42rpx;

		.btn {
			color: black;
			width: 344rpx;
			height: 80rpx;
			border-radius: 40rpx 0 0 40rpx;

			.van-button__text {
				color: rgba(255, 119, 51, 1);
			}
		}

		.btn_right {
			width: 344rpx;
			height: 80rpx;
			border-radius: 0rpx 40rpx 40rpx 0rpx;
			
		}
	}
}

.tbox {
	width: 588rpx;
	// height: 800rpx;
	position: relative;

	.mask {
		width: 588rpx;
		height: 576rpx;
		// background-color: red;
		border-radius: 0 0 106rpx 106rpx;
		overflow: hidden;
	}

	.content {
		margin: 0 18rpx 24rpx;

		.red {
			font-weight: bold;
			color: #F33224;

			text {
				font-size: 40rpx;
			}
		}

		.text {
			color: #202327;
			font-size: 32rpx;
			font-weight: bold;
		}


		.btn {
			width: 550rpx;
			height: 88rpx;
			display: flex;
			background: #FF7733;
			border-radius: 44rpx;
			margin: 24rpx auto;
			justify-content: center;
			align-items: center;
			line-height: 33.56rpx;

			.title1 {
				font-size: 28rpx;
				color: #FFFFFF;
				margin-left: 12rpx;

			}

		}

		.bottom {
			display: flex;
			line-height: 34rpx;

			.title {
				font-size: 24rpx;
				margin-left: 12rpx;
				color: #06021A;
			}
		}
	}

	.QR {
		position: absolute;
		top: 450rpx;
		right: 24rpx;
		width: 168rpx;
		height: 168rpx;
		background: #000;
	}
}